<!--{template header}-->

<div class="c_header a_header">
	<a href="space.php?uid=$space[uid]"><img src="<!--{avatar($space[uid],small)}-->" alt="$space[username]" class="avatar" /></a>
	<h1>好友</h1>
	<a href="space.php?uid=$space[uid]" class="spacelink">我的空间</a>
</div>

<div class="tabs_header">
	<ul class="tabs">
		<li><a href="space.php?uid=$space[uid]&do=friend">好友列表</a></li>
		<li><a href="space.php?uid=$space[uid]&do=friend&view=visitor">我的访客</a></li>
		<li><a href="space.php?uid=$space[uid]&do=friend&view=trace">我的足迹</a></li>
		<li><a href="space.php?uid=$space[uid]&do=friend&view=online">在线用户</a></li>
		<li><a href="cp.php?ac=friend&op=find">寻找好友</a></li>
		<li class="active"><a href="cp.php?ac=invite">邀请好友</a></li>
	</ul>
</div>
<div style="margin:10px 0px 0px 20px;"><a title="返回邀请首页" href="cp.php?ac=invite">返回邀请首页</a></div>
<script language="javascript" type="text/javascript" src="source/script_invite.js"></script>
<div id="getdiv" class="c_form">
	<!--{if $type == 'msn' || $type == 'qq'}-->
	<script language="javascript">
	function accountSumbit(){
		if ($('account').value.length == 0){
			alert("请输入账户名");
			$('account').focus();
			return;
		}
		else if ($('passwd').value.length == 0){
			alert("请输入密码");
			$('passwd').focus();
			return;
		}
		var account = encodeURIComponent($('account').value);
		var passwd = encodeURIComponent($('passwd').value);
		var x = new Ajax("HTML");
		x.post("cp.php?ac=invite&op=dump$type", "account=" + account + "&passwd=" + passwd, function(rep){
			accountAjaxShow(trim(rep));
		});
		s('gettingdiv');
	}	
	</script>
	<div id="geterror" style="display:none;background:url('template/default/image/i/yq_tip.gif') no-repeat;padding:10px 20px 25px 10px;">
		抱歉，通讯录获取失败！请确认输入的账号或密码是否正确
	</div>
	<div id="getempty" style="display:none;background:url('template/default/image/i/yq_tip.gif') no-repeat;padding:10px 20px 25px 10px;">
		抱歉，您的通讯录没有任何联系人。
	</div>
	<div style="margin-top:10px;">
		<p style="margin:10px 0px; font-size:13px;" ><b>导入<!--{if $type == 'msn'}-->MSN联系人<!--{else}-->QQ好友<!--{/if}-->至您的好友邀请名单</b></p>
		<p style="margin:5px 0px;"><!--{if $type == 'msn'}-->MSN<!--{else}-->QQ<!--{/if}-->帐号：<input type="text" id="account" size="30"></p>
		<p style="margin:5px 0px;"><!--{if $type == 'msn'}-->MSN<!--{else}-->QQ<!--{/if}-->密码：<input type="password" id="passwd" size="20"></p>
		<p style="padding-top:8px; padding-left:60px;"><input type="button" value="导入" class="submit" onclick="javascript:accountSumbit();"></p>
	</div>
	<!--{elseif $type == 'email'}-->
	<script language="javascript">
	function accountSumbit(){
		if ($('account').value.length == 0){
			alert("请输入邮箱名");
			$('account').focus();
			return;
		}
		else if ($('passwd').value.length == 0){
			alert("请输入邮箱密码");
			$('passwd').focus();
			return;
		}
		var account = encodeURIComponent($('account').value);
		var passwd = encodeURIComponent($('passwd').value);
		var x = new Ajax("HTML");
		x.post("cp.php?ac=invite&op=dumpemail", "account=" + account + "&passwd=" + passwd + "&postoffice=" + $('postoffice').value, function(rep){
			accountAjaxShow(trim(rep));
		});
		s('gettingdiv');
	}	
	</script>
	<div id="geterror" style="display:none;background:url('template/default/image/i/yq_tip.gif') no-repeat;padding:10px 20px 25px 10px;">
		抱歉，通讯录获取失败！请确认输入的邮箱地址或密码是否正确
	</div>
	<div id="getempty" style="display:none;background:url('template/default/image/i/yq_tip.gif') no-repeat;padding:10px 20px 25px 10px;">
		抱歉，您的通讯录没有任何联系人。
	</div>
	<div style="margin-top:10px;">
		<p style="margin:10px 0px; font-size:13px;" ><b>导入邮箱的通讯录至您的好友邀请名单</b></p>
		<p style="margin:5px 0px;">
			邮箱地址：<input type="text" id="account" size="12">
			<span style="font-size:14px;">&nbsp;@&nbsp;</span>
			<select id="postoffice">
				<option value="sina.com" >sina.com</option>
				<option value="sohu.com" >sohu.com</option>
				<option value="163.com" >163.com</option>
				<option value="126.com" >126.com</option>
				<option value="tom.com" >tom.com</option>
				<option value="gmail.com" >gmail.com</option>
				<option value="yahoo.cn" >yahoo.cn</option>
				<option value="yahoo.com" >yahoo.com</option>
				<option value="yahoo.com.cn" >yahoo.com.cn</option>
			</select>
		</p>
		<p style="margin:5px 0px;">邮箱密码：<input type="password" id="passwd" size="20"></p>
		<p style="padding-top:8px; padding-left:60px;"><input type="button" value="导入" class="submit" onclick="javascript:accountSumbit();"></p>
	</div>
	<!--{elseif $type == 'card'}-->
	<script language="javascript">
	function accountSumbit(obj){
		if (obj.cardfile.value.length == 0)	{
			alert("请选择文件！");
			obj.cardfile.focus();
			return false;
		}
		s("gettingdiv");
		return true;
	}	
	</script>
	<div id="geterror" style="display:none;background:url('template/default/image/i/yq_tip.gif') no-repeat;padding:10px 20px 25px 10px;">
		抱歉，地址簿文件分析失败！请确认上传的文件是否正确
	</div>
	<div id="getempty" style="display:none;background:url('template/default/image/i/yq_tip.gif') no-repeat;padding:10px 20px 25px 10px;">
		抱歉，没有从地址簿文件分析到邮件地址！请确认上传的文件是否正确
	</div>
	<iframe id="cardframe" name="cardframe" frameborder="0" style="width:0;height:0;"></iframe>
	<div style="margin-top:10px;">
		<form action="cp.php?ac=invite&op=dumpcard" onsubmit="javascript: return accountSumbit(this);" target="cardframe" enctype="multipart/form-data" method="post">
			<input type="hidden" name="type" value="card">
			<p style="margin:10px 0px; font-size:13px;" ><b>上传邮件地址簿文件(*.CSV、*.VCF)，选择邀请名单并发送邀请邮件</b></p>
			<p>请选择地址簿文件：<input type="file" size="33" name="cardfile" value=""  style="font-family:Arial;" /></p>
			<p style="padding-top:10px; padding-left:108px; margin:10px 0px;"><input type="submit" value=" 上传 " title="上传" class="submit" /></p>
		</form>
		<p style="font-size:13px; padding-top:10px; margin:30px 0px 5px;"><b>常见邮件客户端软件地址簿文件（CSV、VCF）的导出方法：</b></p>
		<div style="border-bottom:1px solid #D8DFEA; margin-left:15px;padding:10px 5px;">
			<div style="float:left; width:40px;"><img src="http://img.kaixin001.com.cn/i/inv/foxmail-big.gif" alt="Foxmail"/></div>
			<div style="width:450px;">点击“地址簿”—>选中“工具”—>导出—>选择任何一个格式（推荐使用CSV格式）—>在弹出的对话框中点击“浏览”选择拟保存的路径和文件名—>一路确定就将地址簿导出来了。</div>
		</div>
		<div style="border-bottom:1px solid #D8DFEA; margin-left:15px;padding:10px 5px;">
			<div style="float:left; width:40px;"><img src="http://img.kaixin001.com.cn/i/inv/outlook-big.gif" alt="Outlook"/></div>
			<div style="width:450px;">点击“文件”—>选择“导出到文件”，单击下一步—>选择“以逗号为分隔符(Windows)”，单击下一步—>选择“联系人”，单击下一步—>选择一个位置保存文件，单击下一步完成。</div>
		</div>
		<div style="border-bottom:1px solid #D8DFEA; margin-left:15px;padding:10px 5px;">
			<div style="float:left; width:40px;"><img src="http://img.kaixin001.com.cn/i/inv/outlook-express-big.gif" alt="Outlook Express"/></div>
			<div style="width:450px;">点击“文件”—>选择“导出”—>选择“通讯录”—>选择“文本文件”—>单击“导出”—>在弹出框中选择csv文件保存的位置和文件名，单击下一步完成。</div>
		</div>
	</div>
	<!--{/if}-->
	<!--{if $op == 'dump' && $type != 'card'}-->
	<div style="height:100px; padding:20px 0px 0px 60px;">
		<div style="padding-left:10px; background:url(template/default/image/i/tip3_below_white.gif) no-repeat; float:left; overflow:hidden; width:330px; padding-top:17px; height:81px;" >
			$_SCONFIG[sitename]不会存储你的账户密码，请放心使用。<br />
			你也可以先改密码再导入，成功后再改回原始<br />
			密码，以确保密码安全。
		</div>
	</div>
	<!--{/if}-->
	<div style="height:100px;">&nbsp;</div>
</div>
<div id="showdiv" class="c_form" style="display:none;">
	<div id="addfrienddiv" style="height:30px;display:none; padding-bottom:5px; font-size:14px; margin:10px 0px 5px;">
		<div style="font-size:14px; margin-bottom:5px;"><img src="template/default/image/i/fzcg_dh.gif" alt="成功！" />&nbsp;&nbsp;你的好友请求已发出，他们会在下次登录时看到并同意你的好友请求</div>
	</div>
	<div id="reguserdiv" style="display:none;">
		<form id="reguidform">
			<div id="reguser1" style="display:none; padding:0px 0 5px 0; font-size:13px; margin:30px 0px 5px;">
				<b>您通讯录里的联系人，已有<span id="regusercount"></span>人在$_SCONFIG[sitename]了。你可以加他们为好友</b>
			</div>
			<div id="reguser2" style="display:none; padding:0px 0 5px 0; font-size:13px; margin:30px 0px 5px;">
				<b>该通讯录里的联系人已经全部在$_SCONFIG[sitename]安家了，请将他们添加为你的好友。</b>
			</div>
			<div id="reguserhtml"></div>
			<div style="height:100px; padding:5px 0px;">
				<input type="button" value="加为好友" class="submit" onclick="javascript:addallfriend();" /> 
				<input id="addfriendskip_btn" type="button" value=" 跳过 " class="button" onclick="javascript:addfriendskip();" />
				<input id="addfriendcancel_btn" type="button" value=" 取消 " class="button" onclick="javascript:window.location='cp.php?ac=invite';" />
			</div>
		</form>
	</div>
	<div id="listdiv" style="display:none;">
		<form id="listform">
			<div id="listuser1" style="display:none; padding:0px 0px 5px 0px; font-size:13px; margin:30px 0px 5px;">
				<b>以下是该通讯录里的其他联系人，请选择邀请对象</b>
			</div>
			<div id="listuser2" style="display:none; padding:0px 0px 5px 0px; font-size:13px;margin:30px 0px 5px;">
				<b>该通讯录里还没有人在$_SCONFIG[sitename]，你可以邀请他们加入</b>
			</div>
			<div id="checkdiv"></div>
			<div style="margin-top:5px;">
				想对好友说的话<br /><textarea name="content" rows="5" style="width:80%;">$intro</textarea>
			</div>
			<div style="margin-top:5px;">
				你的名字<br /><input type="text" name="user_name" value="$space[username]" size="15">
			</div>
			<div style="height:100px; padding:5px 0px;">
				<input type="button" value="发送邀请" class="submit" onclick="javascript:invite_do();" />&nbsp;
				<input type="button" id="btn_fb" value=" 跳过 " class="button" onclick="javascript:window.location='cp.php?ac=invite';" />
			</div>
		</form>
		<form id="inviteform" action="cp.php?ac=invite&op=inviteemail&ref" method="post">
		<input type="hidden" name="emails" value="">
		<input type="hidden" name="content" value="">
		<input type="hidden" name="user_name" value="">
		</form>			
	</div>
</div>
<div id="gettingdiv" style="z-index:120000; display:none; width:100%; height:40px; position:absolute; top:260px; left:0px;">
	<div style="background:#fff; width:200px; height:40px; text-align:center; margin:0 auto; border:1px solid #ccc;"><img src="template/default/image/i/processing.gif" style="margin:10px 5px 0px;" /><br />正在获取通讯录，请稍侯...</div>
</div>
<div class="f_status f_status_w s_clear">
	<a href="javascript:;" onclick="window.scrollTo(0,0);" id="a_top" title="TOP">TOP</a>
</div>
<!--{template footer}-->